<template>
	<div id="standards">
		<div class="breadcrumb">
			<span class="standardsTitle">评分标准</span>
			<span class="turnOff" @click="cancel">关闭</span>
		</div>

		<div class="list">
			<div class="breadcrumb_1">等级评价</div>
			<el-row>
				<el-col :span='10' style="padding-right:10px;">
					<el-table :data="list_5" border>
						<el-table-column prop="level" label="等级">
						</el-table-column>
						<el-table-column prop="score" label="总分">
						</el-table-column>
					</el-table>
				</el-col>
			</el-row>

			<div class="breadcrumb_1" style="margin-top:20px;">测试项目与权重表分析</div>
			<el-row>
				<el-col :span='15' style="padding-right:10px;">
					<el-table :data="list_1" border>
						<el-table-column prop="index" label="序号" width="80px">
						</el-table-column>
						<el-table-column prop="name" label="测试项目">
						</el-table-column>
						<el-table-column prop="item" label="单项指标">
						</el-table-column>
						<el-table-column prop="per" label="权重（%）" width='120px'>
						</el-table-column>
					</el-table>
					<div class="tips">注：体重指数（BMI）=体重（kg）/身高²（m²）。</div>
				</el-col>
			</el-row>

			<div class="breadcrumb_1" style="margin-top:20px;">体重指数（BMI）单项评分表（单位：kg/m²）</div>
			<el-row>
				<el-col :span='15' style="padding-right:10px;">
					<el-table :data="list_2" border>
						<el-table-column prop="level" label="等级" width="80px">
						</el-table-column>
						<el-table-column prop="score" label="单项得分">
						</el-table-column>
						<el-table-column prop="male" label="大学男生">
						</el-table-column>
						<el-table-column prop="female" label="大学女生">
						</el-table-column>
					</el-table>
				</el-col>
			</el-row>

			<div class="breadcrumb_1" style="margin-top:20px;">男生单项评分表</div>
			<el-table :data="list_3" border>
				<el-table-column prop="level" label="等级" width="80px">
				</el-table-column>
				<el-table-column prop="score" label="单项得分">
				</el-table-column>
				<el-table-column label="肺活量（ml）">
					<el-table-column prop="fhl_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="fhl_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="50米跑（s）">
					<el-table-column prop="shortRun_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="shortRun_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="坐位体前屈（cm）">
					<el-table-column prop="qianqu_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="qianqu_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="立定跳远（cm）">
					<el-table-column prop="tiaoyuan_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="tiaoyuan_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="引体向上（次）">
					<el-table-column prop="up_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="up_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="1000米跑（分/秒）">
					<el-table-column prop="longRun_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="longRun_2" label="大三大四">
					</el-table-column>
				</el-table-column>
			</el-table>

			<div class="breadcrumb_1" style="margin-top:20px;">女生单项评分表</div>
			<el-table :data="list_4" border>
				<el-table-column prop="level" label="等级" width="80px">
				</el-table-column>
				<el-table-column prop="score" label="单项得分">
				</el-table-column>
				<el-table-column label="肺活量（ml）">
					<el-table-column prop="fhl_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="fhl_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="50米跑（s）">
					<el-table-column prop="shortRun_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="shortRun_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="坐位体前屈（cm）">
					<el-table-column prop="qianqu_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="qianqu_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="立定跳远（cm）">
					<el-table-column prop="tiaoyuan_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="tiaoyuan_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="一分钟仰卧起坐（次）">
					<el-table-column prop="up_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="up_2" label="大三大四">
					</el-table-column>
				</el-table-column>
				<el-table-column label="800米跑（分/秒）">
					<el-table-column prop="longRun_1" label="大一大二">
					</el-table-column>
					<el-table-column prop="longRun_2" label="大三大四">
					</el-table-column>
				</el-table-column>
			</el-table>

			<div class="breadcrumb_1" style="margin-top:20px;">加分指标评分表</div>
			<el-row>
				<el-col :span='15' style="padding-right:10px;">
					<el-table :data="list_6" border>
						<el-table-column prop="score" label="加分" width="80px">
						</el-table-column>
						<el-table-column prop="male_1" label="男生引体向上（次）">
						</el-table-column>
						<el-table-column prop="male_2" label="男生1000米跑（分 · 秒）">
						</el-table-column>
						<el-table-column prop="female_1" label="女生一分钟仰卧起坐（次）">
						</el-table-column>
						<el-table-column prop="female_2" label="女生800米跑（分 · 秒）">
						</el-table-column>
					</el-table>
					<div class="tips">注：1. 引体向上、一分钟仰卧起坐均为高优指标，学生成绩超过单项评分100分后，以超过的次数所对应的分数进行加分；</div>
					<div class="tips">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. 1000米跑、800米跑均为低优指标，学生成绩低于单项评分100分后，以减少的秒数所对应的分数进行加分。</div>
				</el-col>
			</el-row>
		</div>

		<v-footer></v-footer>
	</div>
</template>

<script>
	import { standards } from "../../mock/standards";
	import vFooter from "../common/Footer.vue";

	export default {
		data() {
			return {
				list_1: standards.list_1,
				list_2: standards.list_2,
				list_3: standards.list_3,
				list_4: standards.list_4,
				list_5: standards.list_5,
				list_6: standards.list_6
			};
		},
		components: { vFooter },
		methods: {
			cancel() {
				history.back();
			}
		}
	};
</script>

<style scoped>
	#standards {
		padding-top: 80px;
		height: calc(100% - 100px);
		background: #f0f3f4;
	}

	#standards .list {
		height: calc(100% - 120px);
	}

	#standards .breadcrumb {
		background-color: #2d3243;
		color: #ffffff;
		top: 0;
	}

	.standardsTitle {
		color: #ffffff;
		line-height: 60px;
	}

	.turnOff {
		color: #ffffff;
		float: right;
		padding-right: 100px;
		line-height: 60px;
	}

	.breadcrumb_1 {
		position: relative;
		height: 36px;
		line-height: 36px;
		margin-bottom: 10px;
		overflow: hidden;
		background: #f5f5f5;
		padding: 0px 10px;
		color: #48576a;
	}

	.add {
		position: absolute;
		right: 20px;
		background-color: #00c18b;
		border-radius: 0;
	}

	#standards .tips {
		color: #48576a;
		font-size: 14px;
		margin-top: 10px;
	}
</style>